<template>
  <div class="row" id="content">
    <div class="col-md-2">
      <div class="panel-group" role="tablist">
        <div class="panel panel-default leftMenu">
          <div
            class="panel-heading"
            id="collapseListGroupHeading1"
            data-toggle="collapse"
            data-target="#user"
            role="tab"
          >
            <h4 class="panel-title">
              用户信息
              <span class="glyphicon glyphicon-chevron-up right"></span>
            </h4>
          </div>
          <div
            id="user"
            class="panel-collapse collapse in"
            role="tabpanel"
            aria-labelledby="collapseListGroupHeading1"
          >
            <ul class="list-group">
              <li class="list-group-item">
                <a href class="menu-item-left">
                  <router-link to="/home/index/userList">
                    <div class="glyphicon glyphicon-user"></div>&nbsp;用户列表
                  </router-link>
                </a>
              </li>
              <li class="list-group-item">
                <a href class="menu-item-left">
                  <router-link to="/home/index/userInfo">
                    <div class="glyphicon glyphicon-user"></div>&nbsp;用户信息
                  </router-link>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="panel panel-default leftMenu">
          <div
            class="panel-heading"
            id="collapseListGroupHeading2"
            data-toggle="collapse"
            data-target="#img"
            role="tab"
          >
            <h4 class="panel-title">
              图片信息
              <span class="glyphicon glyphicon-chevron-down right"></span>
            </h4>
          </div>
          <div
            id="img"
            class="panel-collapse collapse"
            role="tabpanel"
            aria-labelledby="collapseListGroupHeading2"
          >
            <ul class="list-group">
              <!-- <li class="list-group-item"></li> -->
              <li class="list-group-item">
                <a href="javascript:void(0)" class="menu-item-left">
                  <router-link to="/home/index/imgList">
                    <span class="glyphicon glyphicon-eye-open"></span>&nbsp;图片列表
                  </router-link>
                </a>
              </li>
              <li class="list-group-item">
                <a href="javascript:void(0)" class="menu-item-left">
                  <router-link to="/home/index/uploadImg">
                    <span class="glyphicon glyphicon-upload"></span>&nbsp;上传图片
                  </router-link>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <router-view class="col-md-10"></router-view>
  </div>
</template>
<style>
#content{
  width: 100%;
  height: 92%;
  min-height: 490px;
  box-sizing: border-box;
  overflow: hidden;
}
</style>


 <script>
export default {
  data() {
    return {
      name: "",
      show: 0
    };
  }
};
</script>
